<!doctype html >
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>城跑 - 后台管理</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
	
<!--     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> -->
    <link rel="shortcut icon" href="../static/images/back/chengpao.ico" type="image/x-icon" />
	<link rel="bookmark" href="../static/images/back/chengpao.ico"/>
    <link rel="stylesheet" href="../static/css/back/font.css">
	<link rel="stylesheet" href="../static/css/back/xadmin.css">
    <script type="text/javascript" src="../static/js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="../static/js/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../static/js/back/xadmin.js"></script>
    <script  type="text/javascript" src="../static/js/back/index.js"></script>
     <script src="../static/js/back/LodopFuncs.js" type="text/javascript"></script>
	<style type="text/css">
.layui-nav .layui-nav-item a {
/* 	margin-top: -5px !important; */
}
/**右键菜单*/
.rightmenu {
	position: absolute;
	width: 80px;
	z-index: 9999;
	display: none;
	background-color: #fff;
	padding: 2px;
	color: #333;
	border: 1px solid #eee;
	border-radius: 2px;
	cursor: pointer;
}

.rightmenu li {
	text-align: center;
	display: block;
	height: 25px;
	line-height: 25px;
}

.rightmenu li:hover {
	background-color: #666;
	color: #fff;
}
/* .rePing{ */
/* 	display: none !important; */
/* } */
.rePing a{
    border: 1px #ffb800 solid;
    height: 25px;
    line-height: 27px !important;
    border-radius: 5px; 
    color: #ffb800 !important;
/*     position: absolute; */
/*     right: 193px; */
/*     width: 71px; */
/*     text-align: center; */
/*     top: 10px; */
}
.rePing:hover ~ span{
	display: none;
}
.container{
	height: 46px !important;
}
</style>
</head>
<body>
    <!-- 顶部开始 -->
    <div class="container">
        <div class="logo"><a href="index.html" th:text="${u.shopTitle==''?u.shopTitle:'城跑 - 后台管理'}">城跑 - 后台管理</a></div>
        <div class="left_open">
            <i title="展开左侧栏" class="iconfont">&#xe699;</i>
        </div>
        <!-- <ul class="layui-nav left fast-add" lay-filter="">
          <li class="layui-nav-item">
            <a href="javascript:;">+新增</a>
            <dl class="layui-nav-child"> 二级菜单
              <dd><a onclick="x_admin_show('资讯','http://www.baidu.com')"><i class="iconfont">&#xe6a2;</i>资讯</a></dd>
              <dd><a onclick="x_admin_show('图片','http://www.baidu.com')"><i class="iconfont">&#xe6a8;</i>图片</a></dd>
               <dd><a onclick="x_admin_show('用户','http://www.baidu.com')"><i class="iconfont">&#xe6b8;</i>用户</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">+添加用户</a>
            <dl class="layui-nav-child"> 二级菜单
              <dd><a onclick="x_admin_show('资讯','http://www.baidu.com')"><i class="iconfont">&#xe6a2;</i>资讯</a></dd>
              <dd><a onclick="x_admin_show('图片','http://www.baidu.com')"><i class="iconfont">&#xe6a8;</i>图片</a></dd>
               <dd><a onclick="x_admin_show('用户','http://www.baidu.com')"><i class="iconfont">&#xe6b8;</i>用户</a></dd>
            </dl>
          </li>
        </ul> -->
<!--          <a href="javascript:; "  class = "rePing">返回平台</a> -->
        <ul class="layui-nav right" lay-filter="" style="margin-right: 50px;">
          <li class="layui-nav-item  rePing" style="display: none;"><a href="javascript:;">返回平台</a></li>
          <li class="layui-nav-item">
            <a href="javascript:;" id="userAcc" th:text="${u.userAccount}"></a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
<!--               <dd><a onclick="x_admin_show('个人信息','http://www.baidu.com')">个人信息</a></dd> -->
              <dd><a href="./login.html">切换帐号</a></dd>
              <dd><a href="javascript:x_admin_show('修改密码','user~repwd.html',551,300)">修改密码</a></dd>
              <dd><a href="./login.html">退出</a></dd>
            </dl>
          </li>
<!--           <li class="layui-nav-item to-index"><a href="/">前台首页</a></li> -->
        </ul>
        
    </div>
    <!-- 顶部结束 -->
    <!-- 中部开始 -->
     <!-- 左侧菜单开始 -->
    <div class="left-nav">
      <div id="side-nav">
         <ul id="nav">
         <!--   <li  >
                <a href="javascript:;">
                    <i class="iconfont">&#xe6b8;</i>
                    <cite>会员管理</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="member-list.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>会员列表</cite>
                            
                        </a>
                    </li >
                    <li>
                        <a _href="member-del.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>会员删除</cite>
                            
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <i class="iconfont">&#xe70b;</i>
                            <cite>会员管理</cite>
                            <i class="iconfont nav_right">&#xe697;</i>
                        </a>
                        <ul class="sub-menu">
                            <li>
                                <a _href="xxx.html">
                                    <i class="iconfont">&#xe6a7;</i>
                                    <cite>会员列表</cite>
                                    
                                </a>
                            </li >
                            <li>
                                <a _href="xx.html">
                                    <i class="iconfont">&#xe6a7;</i>
                                    <cite>会员删除</cite>
                                    
                                </a>
                            </li>
                            <li>
                                <a _href="xx.html">
                                    <i class="iconfont">&#xe6a7;</i>
                                    <cite>等级管理</cite>
                                    
                                </a>
                            </li>
                            
                        </ul>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe723;</i>
                    <cite>订单管理</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="order-list.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>订单列表</cite>
                        </a>
                    </li >
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe723;</i>
                    <cite>取现/积分</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="cash-list.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>提现列表</cite>
                        </a>
                    </li >
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe723;</i>
                    <cite>分类管理</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="cate.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>多级分类</cite>
                        </a>
                    </li >
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe723;</i>
                    <cite>城市联动</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="city.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>三级地区联动</cite>
                        </a>
                    </li >
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe726;</i>
                    <cite>管理员管理</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="admin-list.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>管理员列表</cite>
                        </a>
                    </li >
                    <li>
                        <a _href="admin-role.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>权限组</cite>
                        </a>
                    </li >
                    <li>
                        <a _href="admin-cate.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>权限分类</cite>
                        </a>
                    </li >
                    <li>
                        <a _href="admin-rule.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>权限管理</cite>
                        </a>
                    </li >
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe6ce;</i>
                    <cite>系统统计</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="echarts1.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>拆线图</cite>
                        </a>
                    </li >
                    <li>
                        <a _href="echarts2.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>柱状图</cite>
                        </a>
                    </li>
                    <li>
                        <a _href="echarts3.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>地图</cite>
                        </a>
                    </li>
                    <li>
                        <a _href="echarts4.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>饼图</cite>
                        </a>
                    </li>
                    <li>
                        <a _href="echarts5.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>雷达图</cite>
                        </a>
                    </li>
                    <li>
                        <a _href="echarts6.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>k线图</cite>
                        </a>
                    </li>
                    <li>
                        <a _href="echarts7.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>热力图</cite>
                        </a>
                    </li>
                    <li>
                        <a _href="echarts8.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>仪表图</cite>
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe6b4;</i>
                    <cite>图标字体</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="unicode.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>图标对应字体</cite>
                        </a>
                    </li>
                </ul>
            </li> -->
        </ul>
      </div>
    </div>
    <!-- <div class="x-slide_left"></div> -->
    <!-- 左侧菜单结束 -->
    <!-- 右侧主体开始 -->
    <div class="page-content">
        <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="true">
          <ul class="layui-tab-title">
<!--             <li lay-id="2" class="home"><i class="layui-icon">&#xe68e;</i>首页</li> -->
          </ul>
          <ul class="rightmenu">
            <li data-type="closethis">关闭当前</li>
            <li data-type="closeall">关闭所有</li>
        </ul>
          <div class="layui-tab-content">
<!--             <div class="layui-tab-item layui-show"> -->
<!--                 <iframe id="f2" src='' frameborder="0" scrolling="yes" class="x-iframe"></iframe> -->
<!--             </div> -->
          </div>
          
        </div>
    </div>
    
<!--     <div class="page-content-bg"></div> -->
    <!-- 右侧主体结束 -->
    <!-- 中部结束 -->
    <!-- orther -->
  <div class="printer" id="printer">
			<style>
.printer {
	margin:0px;
	width: 250px;
	height: auto;
	border: 1px red solid;
	padding-right: 15px;
	font-family: "微软雅黑";
}

.sys {
	text-align: center;
	font-size: 25px;
}

.line,.line-2 {
	    height: 20px;
	overflow: hidden;
	margin: -5px 0;
}
.line-2 {
	margin: -12px 0 -0px 0 !important;
}

.mark {
	font-size: 20px;
	line-height: 30px;
	font-weight: bolder;
}

.printer tr td:first-child, .printer tr th:first-child {
	text-align: left;
}
.printer tr td:last-child, .printer tr th:last-child {
	text-align: right;
	padding-right: 10px;
}

.printer tr td, .printer tr th {
	text-align: right;
	border: none;
}

.line-right {
	text-align: right;
	margin-right: 10px;
}
.layui-table2{
	    width: 100%;
}
tbody tr td{
	font-size: 14px;
}
.head{
/* 	    border: 1px black dashed; */
/*     border-width: 0 0 1px 0; */
/*  line-height: 30px;  */
}
.head td{
	font-size: 16px;
}
.center{
	text-align: center;
}
.x25{
	font-size: 25px;
	    font-weight: bold;
}
.x12{
	font-size: 14px;
	    line-height: 15px;
}
.huod p{
	margin-top: -17px;
}
p{
	margin :2px 0;
}
.hide{
	display: none;
}
</style>
		<div class = "print-in-out">
			
		</div>
		<!-- <p class="sys" >#<span>12</span>&nbsp;城跑外卖</p>
		<p class="line">---------------------------------------------------------------------------------------------------------------------</p>
		<p class="line-2">---------------------------------------------------------------------------------------------------------------------</p>
		<div  class="center"><B>重庆麻辣烫一号店</B></div>
		<div  class="center x25">微信支付(已支付)</div>
		<div  class="center x12">订单号:201811112015423355</div>
		<div  class="center x12">下单时间:2018-11-12-18:01:14</div>
		<div class="hide">
			<p class="line">---------------------------------------------------------------------------------------------------------------------</p>
			<p class="line-2">---------------------------------------------------------------------------------------------------------------------</p>
			<div  class="center x25">包厢05桌 &nbsp;6人</div>
		</div>
		<p class="line">---------------------------------------------------------------------------------------------------------------------</p>
		<p class="line-2">---------------------------------------------------------------------------------------------------------------------</p>
		<p class="mark x25">备注: 麻辣烫不要麻不要辣,不要麻和辣</p>
		<div class="line">---------------------------------------------------------------------------------------------------------------------</div>
		<table class="layui-table2" >
	          <tr class="head">
	          	<td>名称</td>
	          	<td align="right">数量</td>
	          	<td align="right">价格</td>
	          </tr>
	       <tbody>
	          <tr>
	          	<td >1.鸡蛋灌饼(中份)</td>
	          	<td align="right">x1</td>
	          	<td align="right">15.00</td>
	          </tr>
	        </tbody>
      </table>
	  <p class="line">---------------------------------------------------------------------------------------------------------------------</p>
	  <div class="huod x12">
	  	<span>包装费:</span><p class="line-right">75.00</p>
	  	<span>配送费:</span><p class="line-right">75.00</p>
	  	<span>新客立减:</span><p class="line-right">75.00</p>
	  	<span>满减活动:</span><p class="line-right">75.00</p>
	  	<span>单品折扣:</span><p class="line-right">75.00</p>
	  </div>
	  <p class="line">---------------------------------------------------------------------------------------------------------------------</p>
	  <p class="line-right x12">原价: ¥75.00</p>
	  <p class="line-right x25">实付: ¥75.00</p>
	  <p class="line">---------------------------------------------------------------------------------------------------------------------</p>
	  <p class="x25">地址:</p>
	  <p class="x25">张三</p>
	  <p class="x25">12345678912</p>
	  <p class="x25">美国皇后大道东南出口西边靠东</p>
	</div> -->
<script  type="text/javascript">


layui.use('layer', function(){ //独立版的layer无需执行这一句
	   $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
	   setCookie('JSV','1.3.3');
})
$(function(){
	$('#print3').click(function(){
		myAddHtml();
		LODOP.PRINT();
	});
})
var LODOP; //声明为全局变量     
function myAddHtml() {
	LODOP=getLodop();  
	LODOP.PRINT_INIT("");		     
	LODOP.SET_PRINT_PAGESIZE(3,'58mm','','');//设定纸张大小       
	//LODOP.ADD_PRINT_HTM(5,5,"100%","100%",document.getElementById("textarea01").value);	       
	LODOP.ADD_PRINT_HTM(0,0,"RightMargin:0.1cm","BottomMargin:1cm",document.getElementById("printer").innerHTML);	 
	LODOP.PRINT();
};
function getPrinterName(iPrinterNO) {	
	LODOP=getLodop();  
	return LODOP.GET_PRINTER_NAME(iPrinterNO);	
};
function getPrinterCount() {	
	LODOP=getLodop();  
	return LODOP.GET_PRINTER_COUNT();	
};
</script>  
</body>
<script type="text/javascript">

</script>
</html>